<template>
  <VaPopover
    class="mr-2 mb-2"
    message="Popover text"
    color="primary"
  >
    <VaButton color="primary">
      Hover me
    </VaButton>
  </VaPopover>

  <VaPopover
    class="mr-2 mb-2"
    message="Popover text"
    color="success"
  >
    <VaButton color="success">
      Hover me
    </VaButton>
  </VaPopover>

  <VaPopover
    class="mr-2 mb-2"
    message="Popover text"
    color="warning"
  >
    <VaButton color="warning">
      Hover me
    </VaButton>
  </VaPopover>

  <VaPopover
    class="mr-2 mb-2"
    message="Popover text"
    color="danger"
  >
    <VaButton color="danger">
      Hover me
    </VaButton>
  </VaPopover>

  <VaPopover
    class="mb-2"
    message="Popover text"
    color="#9f03e0"
  >
    <VaButton color="#9f03e0">
      Hover me
    </VaButton>
  </VaPopover>
</template>
